require(['./config'], () => {
    require(['template', 'jquery', 'header', 'footer'], (template) => {
        class Shopping {
            constructor() {
                this.renderHtml()
            }
            renderHtml() {
                // 从 localstorage 里面拿到数据  渲染页面 
                const info = JSON.parse(localStorage.getItem("info"))
                $("#shopping_car").html(template('shoppingTable', { info }))
                this.check()
                this.getCounts()
            }
            getCounts() {
                    const info = JSON.parse(localStorage.getItem("info"))
                    let count = 0
                    if (info) {
                        info.forEach(function(item) {
                            count += item.count
                        })
                    }
                    $('#shopnum').text(count)
                    console.log(count)
                }
                // check(){
                //     // 1、点击最上面全选 所有的商品被选中  或者全部取消
                //     // 2、所有商品全部选中 以后  让全选按钮选中
                //     $("#shopping_car").on('click','#all-check',function(){
                //         // console.log(this)
                //         // 获取当前这个 input 是选中还是没有选中
                //         // console.log($(this).prop("checked"))
                //         $(".checks").prop('checked',$(this).prop("checked"))

            //     })
            //     $("#shopping_car").on('click','.checks',function(){
            //         // $(".checks").each(function(index,item){


            //         // })
            //         const checks = Array.from(document.getElementsByClassName("checks"))
            //         // console.log(checks)
            //         const res = checks.every((item) => {
            //             return $(item).prop("checked")
            //         })

            //         if(res){
            //             $('#all-check').prop("checked",true)
            //         }else{
            //             $('#all-check').prop("checked",false)

            //         }



            //     })
            // }
        }
        return new Shopping()
    })
})